<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--图片 src属性链接到图片的地址 alt图片加载失败的文字说明
        width和height也是图片特有属性 只需要设置其中一个 另一个会进行自适应-->
    <img width="150px" src="D:\实训4代码\音视频\6.jpg" alt="图片加载失败的文字说明">
    <!--<img width="150px" src="">-->

    <!--视频标签
        controls 控制条
        width 宽度
        height 高度
        autoplay 自动播放
        loop 循环播放
        muted 静音播放
        poster 设置封面-->
    <video width="400px" poster="D:\实训4代码\音视频\6.jpg" muted loop src="D:\实训4代码\音视频\1.mp4" controls></video>
    <!--
    音频标签audio
    controls 控制条
    autoplay 自动播放
    mudio 静音播放
    loop 循环播放
    width和heigth和poster属性不可用
    -->
    <audio width="400px" height="400px" controls autoplay loop muted src="D:\实训4代码\音视频\1.mp3"></audio>
</body>
</html>